<template>
    <div class="Item3 f-row f-j-between f-a-start">
        <div class="left flex-3 f-column f-j-between f-a-start">
            <p><span style="color: black;">出售订单</span><strong style="color: black;" class="DIN-Medium">20190906290808</strong></p>
            <p><span>出售数量</span><strong class="DIN-Medium">20</strong><span>个</span></p>
            <p><span>出售价格</span><strong class="DIN-Medium">13.2</strong><span>元/ADS</span></p>
            <p><span>收款金额</span><strong style="font-size: 0.36rem;" class="DIN-Medium">264</strong><span>元</span></p>
        </div>
        <div class="right flex-2 f-column f-j-between f-a-end">
            <p><span>2019-09-06 12:24:34</span></p>
            <div class="payTypes">
                <gy-icon fontName="icon-zhifubao" style="color: #02A9F0;margin-right: 0.2rem;"></gy-icon>
                <gy-icon fontName="icon-weixin1" style="color: #52BD33;margin-right: 0.2rem;"></gy-icon>
                <gy-icon fontName="icon-yinhangqia" style="color:#118CE8;margin-right: 0.2rem;"></gy-icon>
            </div>
            <div class="btn" style="background-color: #3B83FF;">确定释放</div>
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import GyIcon from "@/components/GyIcon.vue";
@Component({
    name: 'Item3',
    components: {GyIcon}
})
export default class extends Vue {
}
</script>

<style scoped lang="less">
.Item3 {
    background-color: white;
    border-radius: 0.1rem;
    margin-bottom: 0.2rem;
    padding: 0.2rem;
    & .left {
        & p {
            padding: 0.16rem 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
        }
        & span {
            color: #999999;
            font-size: 0.24rem;
            margin-right: 0.2rem;
        }
        & strong {
            color: #666666;
            font-size: 0.3rem;
            padding: 0 0.2rem;
        }
    }
    & .right {
        height: 2.6rem;
        & p {
            padding: 0.16rem 0;
        }
        & span {
            font-size: 0.24rem;
        }
        & .btn {
            width: 1.9rem;
            height: 0.62rem;
            text-align: center;
            line-height: 0.62rem;
            font-size: 0.24rem;
            color: white;
            &:active {
                opacity: 0.8;
            }
        }
    }
}
</style>
